﻿.layermbox{position:absolute; left:0; top:0; width:100%; z-index:19891014; }
.laymshade,
.layermmain{position:fixed; left:0; top:0; width:100%; height:100%;}
.laymshade{background-color:rgba(0,0,0, .5); pointer-events:auto;}
.layermmain{display:table;font-family: "microsoft yahei"; pointer-events: none;}
.layermmain .section{display:table-cell; vertical-align:middle; text-align:center;}
.layermchild{position:relative; display:inline-block;  text-align:left; background-color:#fff; font-size:.9rem; border-radius:6px; box-shadow:0 0 8px rgba(0, 0, 0, 0.1);  pointer-events:auto;}
.layermchild{-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .18s; animation-duration: .18s;}
.layermborder{border:1px solid #999;}
@-webkit-keyframes bounceIn { /* 默认 */
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.layermanim{animation-name: bounceIn; -webkit-animation-name: bounceIn;}

.layermbox0 .layermchild{width:260px; min-width:150px;}
.layermbox1 .layermchild{border:none; border-radius:0;}
.layermbox2 .layermchild{width:auto; max-width:260px; min-width:40px; border:none; background-color:rgba(0,0,0,.6); color:#fff;}
.layermchild h3{ margin: 0; height:2.4rem; line-height:2.4rem; border-bottom:1px solid #EBEBEB; font-size:1rem; font-weight:normal;  border-radius:5px 5px 0 0; border-bottom:1px solid #EBEBEB;}
.layermchild h3,
.layermbtn span{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;     background-color: #58a0ea; color: #fff;  text-align: center;}
.layermcont{padding:1rem 1rem; line-height:2rem; border-radius:5px;}
.layermbox1 .layermcont{padding:0;}
.layermbox2 .layermcont{text-align:center; padding:30px 30px 0; line-height: 0;}
.layermbox2 .layermcont i{width:1.5rem; height:1.5rem; margin-left:8px; display:inline-block; background-color:#fff; border-radius:100%;}
.layermbox2 .layermcont i{-webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes bouncedelay{
    0%,80%,100%{-webkit-transform:scale(0)}
    40%{-webkit-transform:scale(1)}
}
@keyframes bouncedelay{
    0%,80%,100%{transform:scale(0);-webkit-transform:scale(0)}
    40%{transform:scale(1);-webkit-transform:scale(1)}
}
.layermbox2 .layermcont i:first-child{margin-left:0; -webkit-animation-delay: -.32s; animation-delay: -.32s;}
.layermbox2 .layermcont i.laymloadtwo{-webkit-animation-delay: -.16s; animation-delay: -.16s;}
.layermbox2 .layermcont>div{line-height:22px; padding-top:7px; margin-bottom:20px; font-size: 16px;}
.layermbtn{position:relative; height:40px; line-height:40px; font-size:0; text-align:center;  border-top:1px solid #EBEBEB;}
.layermbtn span{ float: left; position:relative; display:inline-block; width:50%; text-align:center; font-size:16px; cursor:pointer; border-radius: 0 5px 0 0;}
.layermbtn span:first-child{ height:39px; background-color:#fff; border-radius: 0 0 0 5px;}
.layermbtn:before{content:'\20'; position:absolute; width:1px; height:39px; left:50%; top:0; background-color:#EBEBEB;}
.layermend{ display: none;  position:absolute; right:7px; top:5px; width:30px; height:30px; border: 0; font-weight:400;  cursor: pointer; -webkit-appearance: none; font-size:30px;}
.pwd { height: 2rem; border: 1px solid #ececec;border-radius: 5px; margin-bottom: 1rem;}
.pwd input {
    display: block;
    width: 90%;
    height: 1.2rem;
    font-size: .9rem;
    line-height: 1.2rem;
    padding: 0;
    margin: .4rem auto;
    border: 0;
    outline: none;
}
.layermcont .button {
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    background-color: #58a0ea;
    border-radius: 5px;
}
.layermcont  .notice {
    color: #666;
    text-align: center;
}
.layermcont  .zjnotice {
    color: #666;
    line-height: 1.4rem;
    text-align: left;
}
.layermcont  .zjnotice b {
    color: #58a0ea;
}
.startNotice  .button ,.errortNotice  .button,.drawNotice  .button,.againNotice  .button,.notNotice  .button {
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    background-color: #58a0ea;
    border-radius: 5px;
    color: #fff;
    margin-top: 1rem;
}
.not-scroll{
    position: fixed!important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.error{
    color: red;
    font-size: 12px;
    margin-bottom: 1rem;
    line-height: 1;
}
.layermcont a{
    display: block;
}


